
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.clear{
				clear: both;
			}
			.container{
				width: 1000px;
				margin: 0 auto;
			}
			.bg-pink{
				background-color: pink;
			}
			.company .title{
				height: 50px;
				background-color: blue;
			}
			.company .item{
				width: 244px;
				height: 200px;
				margin: 3px;
				background-color: yellowgreen;
			}
			
			.bg-orange{
				background-color: orange;
			}
			.service .title{
				height: 50px;
				background-color: red;
				margin-top: 20px;
			}
			.service .item{
				width: 162px;
				height: 250px;
				margin: 2px;
				background-color: skyblue;
			}
		</style>
	</head>
	<body>
		<div class="bg-pink company">
			<div class="container">
				<div class="title">标题</div>
				<div class="list">
					<div class="item fl">1</div>
					<div class="item fl">2</div>
					<div class="item fl">3</div>
					<div class="item fl">4</div>
					<div class="item fl">5</div>
					<div class="item fl">6</div>
					<div class="item fl">7</div>
					<div class="item fl">8</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="bg-orange service">
			<div class="container">
				<div class="title"></div>
				<div class="list">
					<div class="fl item">1</div>
					<div class="fl item">2</div>
					<div class="fl item">3</div>
					<div class="fl item">4</div>
					<div class="fl item">5</div>
					<div class="fl item">6</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</body>
</html>
